<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Easyui前端框架主题</title>
		<meta name="viewport" content="width=device-width">
		<link rel="stylesheet" type="text/css" href="./easyui11/themes/metro/easyui.css">
		<link rel="stylesheet" type="text/css" href="./uimaker.css">
		<!-- <link rel="stylesheet" type="text/css" href="./easyui11/css/style/blue.css" id="link"> -->
		<script type="text/javascript" src="./easyui11/jquery.min.js"></script>
		<script type="text/javascript" src="./easyui11/jquery.easyui.min.js"></script>
		<!-- <script type="text/javascript" src="./easyui11/js/skin.js"></script> -->
	</head>
	
	<body class="easyui-layout layout panel-noscroll">
		<!--顶部-->
		<div class="panel layout-panel layout-panel-north panel-htop" style="width: 980px; left: 0px; top: 0px;">
			<div data-options="region:'north',border:false" style="overflow: hidden; width: 980px; height: 60px;"
				title="" class="panel-body panel-body-noheader panel-body-noborder layout-body" id="">

				<div class="um-logo uimaker"></div>
				<div class="um-system">后台管理系统</div>

				<ul class="um-nav">
					<li><a href="#" class="um-nav-select"><i class="uimaker"></i>首页</a></li>
					<li><a href="#"><i class="uimaker"></i>设置</a></li>
					<li><a href="#"><i class="uimaker"></i>消息<span class="um-badge">6</span></a></li>
					<li><a href="#"><i class="uimaker"></i>更新</a></li>
				</ul>

				<ul class="um-info">
					<li class="enterClass"><a href="#"><i class="uimaker"></i></a></li>
					<li class="returnClass" style="display:none;"><a href="#"><i class="uimaker"></i></a></li>
					<li><a href="#"><i class="uimaker"></i></a></li>
					<li><a href="#" style="position: relative" onclick="$('#dd').drawer('expand')"><i
								class="uimaker"></i><span class="um-badge">3</span></a></li>
					<li class="um-skindown"><a href="#"
							class="easyui-menubutton l-btn l-btn-small l-btn-plain m-btn m-btn-small"
							data-options="menu:'#mm1'" group="" id=""><span class="l-btn-left"><span
									class="l-btn-text"><i class="uimaker"></i></span><span
									class="m-btn-downarrow"></span><span class="m-btn-line"></span></span></a></li>
					<li class="um-uldown"><a href="#"
							class="easyui-menubutton l-btn l-btn-small l-btn-plain m-btn m-btn-small"
							data-options="menu:'#mm2'" group="" id=""><span class="l-btn-left"><span class="l-btn-text">
									<div class="um-face"><img src="images/face.jpg"></div>
								</span><span class="m-btn-downarrow"></span><span class="m-btn-line"></span></span></a>
					</li>
				</ul>



			</div>
		</div>

		<!--左侧菜单-->
		<div class="panel layout-panel layout-panel-west panel-htop" style="width: 200px; left: 0px; top: 60px;">
			<div class="panel-header" style="width: 200px;">
				<div class="panel-title panel-with-icon">管理菜单</div>
				<div class="panel-icon um-listview"></div>
				<div class="panel-tool"><a href="javascript:;" class="panel-tool-collapse" style="display: none;"></a><a
						href="javascript:;" class="layout-button-left"></a></div>
			</div>
			<div id="LeftMenuDiv"
				data-options="region:'west',split:false,border:true,title:'管理菜单',iconCls:'um-listview'"
				style="overflow: hidden auto; width: 200px; height: 770px;" title="" class="panel-body layout-body">
				<div id="LeftMenu" data-options="animate:false" class="sidemenu" style="width: 200px;">
					<div class="accordion accordion-noborder">
						<div class="panel panel-htop" style="width: 200px;">
							<div class="panel-header accordion-header accordion-header-selected tooltip-f" title=""
								style="width: 200px; height: 50px;">
								<div class="panel-title panel-with-icon">easyui</div>
								<div class="panel-icon um-fenzu"></div>
								<div class="panel-tool" style="display: block;"><a href="javascript:;"
										class="panel-tool-collapse" style="display: none;"></a><a href="javascript:;"
										class="accordion-collapse"></a></div>
							</div>
							<div title="" class="panel-body accordion-body" id="" style="width: 200px;">
								<ul class="sidemenu-tree tree">
									<li>
										<div id="_easyui_tree_1" class="tree-node"><span
												class="tree-indent"></span><span
												class="tree-icon tree-file um-zanwushuju"></span><span
												class="tree-title">组件</span></div>
									</li>
									<li>
										<div id="_easyui_tree_2" class="tree-node"><span
												class="tree-indent"></span><span
												class="tree-icon tree-file um-ziliao"></span><span
												class="tree-title">数据表格</span></div>
									</li>
									<li>
										<div id="_easyui_tree_3" class="tree-node"><span
												class="tree-indent"></span><span
												class="tree-icon tree-file um-icon_baodan"></span><span
												class="tree-title">表单</span></div>
									</li>
									<li>
										<div id="_easyui_tree_4" class="tree-node"><span
												class="tree-indent"></span><span
												class="tree-icon tree-file um-__zongkongmianban"></span><span
												class="tree-title">窗口</span></div>
									</li>
									<li>
										<div id="_easyui_tree_5"
											class="tree-node tree-node-nonleaf tree-node-nonleaf-collapsed"><span
												class="tree-hit tree-collapsed"></span><span
												class="tree-icon tree-folder um-jiankong"></span><span
												class="tree-title">布局</span></div>
										<ul style="display: none;">
											<li>
												<div id="_easyui_tree_6" class="tree-node"><span
														class="tree-indent"></span><span
														class="tree-indent"></span><span
														class="tree-icon tree-file um-ziliao"></span><span
														class="tree-title">layout</span></div>
											</li>
											<li>
												<div id="_easyui_tree_7" class="tree-node"><span
														class="tree-indent"></span><span
														class="tree-indent"></span><span
														class="tree-icon tree-file um-ziliao"></span><span
														class="tree-title">layui布局</span></div>
											</li>
										</ul>
									</li>
								</ul>
							</div>
						</div>
						<div class="panel panel-htop panel-last" style="width: 200px;">
							<div class="panel-header accordion-header tooltip-f" title=""
								style="height: 50px; width: 200px;">
								<div class="panel-title panel-with-icon">页面</div>
								<div class="panel-icon um-xiangmu"></div>
								<div class="panel-tool" style="display: block;"><a href="javascript:;"
										class="panel-tool-collapse panel-tool-expand" style="display: none;"></a><a
										href="javascript:;" class="accordion-collapse accordion-expand"></a></div>
							</div>
							<div title="" class="panel-body accordion-body" id="" style="width: 200px; display: none;">
								<ul class="sidemenu-tree tree">
									<li>
										<div id="_easyui_tree_8" class="tree-node"><span
												class="tree-indent"></span><span
												class="tree-icon tree-file um-jiesuo"></span><span
												class="tree-title">用户信息</span></div>
									</li>
									<li>
										<div id="_easyui_tree_9" class="tree-node"><span
												class="tree-indent"></span><span
												class="tree-icon tree-file um-xinwenzhongxin"></span><span
												class="tree-title">文章页</span></div>
									</li>
									<li>
										<div id="_easyui_tree_10" class="tree-node"><span
												class="tree-indent"></span><span
												class="tree-icon tree-file um-gongzuo"></span><span
												class="tree-title">404页</span></div>
									</li>
									<li>
										<div id="_easyui_tree_11" class="tree-node"><span
												class="tree-indent"></span><span
												class="tree-icon tree-file um-uimaker"></span><span
												class="tree-title">图标</span></div>
									</li>
									<li>
										<div id="_easyui_tree_12" class="tree-node"><span
												class="tree-indent"></span><span
												class="tree-icon tree-file um-icon-test"></span><span
												class="tree-title">时间线</span></div>
									</li>
									<li>
										<div id="_easyui_tree_13" class="tree-node"><span
												class="tree-indent"></span><span
												class="tree-icon tree-file um-lujingguanli"></span><span
												class="tree-title">动画</span></div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--右侧-->
		<div class="panel layout-panel layout-panel-center panel-htop" style="width: 781px; left: 199px; top: 60px;">
			<div data-options="region:'center',border:false"
				class="center panel-body panel-body-noheader panel-body-noborder layout-body panel-noscroll" title=""
				id="" style="width: 781px; height: 804px;">
				<div id="mainTab" class="easyui-tabs tabs-container easyui-fluid"
					data-options="fit:true,onSelect:onTabSelect" style="width: 781px; height: 804px;">

					<div class="tabs-header" style="width: 781px;">
						<div class="tabs-scroller-left" style="display: none;"></div>
						<div class="tabs-scroller-right" style="display: none;"></div>
						<div class="tabs-wrap" style="margin-left: 0px; margin-right: 0px; width: 779px;">
							<ul class="tabs" style="height: 32px;">
								<li class="tabs-selected tabs-first tabs-last"><span class="tabs-inner"
										style="height: 32px; line-height: 30px;"><span
											class="tabs-title">仪表盘</span><span class="tabs-icon"></span></span></li>
							</ul>
						</div>
					</div>
					<div class="tabs-panels" style="height: 769px; width: 781px;">
						<div class="panel panel-htop" style="width: 779px;">
							<div title="" data-options="closable:false"
								style="overflow: hidden; width: 779px; height: 768px;"
								class="panel-body panel-body-noheader panel-body-noborder" id="">
								<iframe scrolling="auto" frameborder="0" src="default.html"
									style="width:100%;height:100%"></iframe>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>


		<!--Tabs弹出菜单-->


		<!--右侧抽屉-->


		<!--主题皮肤-->


		<!--用户信息下拉菜单-->










		<script type="text/javascript">
			$(function() {
				$('#LeftMenu').sidemenu({
					data: [{
						text: 'easyui',
						iconCls: 'um-fenzu',
						state: 'open',
						children: [{
							text: '组件',
							iconCls: 'um-zanwushuju',
							url: 'module.html'
						}, {
							text: '数据表格',
							iconCls: 'um-ziliao',
							url: 'datagrid.html'
						}, {
							text: '表单',
							iconCls: 'um-icon_baodan',
							url: 'form.html'
						}, {
							text: '窗口',
							iconCls: 'um-__zongkongmianban',
							url: 'window.html'
						}, {
							text: '布局',
							iconCls: 'um-jiankong',
							children: [{
								text: 'layout',
								iconCls: 'um-ziliao',
								url: 'layout.html'
							}, {
								text: 'layui布局',
								iconCls: 'um-ziliao',
								url: 'layuiout.html'
							}]
						}]
					}, {
						text: '页面',
						iconCls: 'um-xiangmu',
						children: [{
							text: '用户信息',
							iconCls: 'um-jiesuo',
							url: 'user.html'
						}, {
							text: '文章页',
							iconCls: 'um-xinwenzhongxin',
							url: 'article.html'
						}, {
							text: '404页',
							iconCls: 'um-gongzuo',
							url: '404.html'
						}, {
							text: '图标',
							iconCls: 'um-uimaker',
							url: 'iconfont.html'
						}, {
							text: '时间线',
							iconCls: 'um-icon-test',
							url: 'timeline.html'
						}, {
							text: '动画',
							iconCls: 'um-lujingguanli',
							url: 'animate.html'
						}]
					}],
					onSelect: onSideMenuSelect,
					border: false
				});
			});
		</script>


		<script type="text/javascript">
			function onPanelOpen() {
				var panel = $(this);
				var _1e = panel.panel("header").children("div.panel-tool");
				_1e.children("a.panel-tool-collapse").hide();

				var _20 = "layout-button-left"; // + _1f[dir];
				var t = _1e.children("a." + _20);
				if (!t.length) {
					t = $("<a href=\"javascript:;\"></a>").addClass(_20).appendTo(_1e);
					t.bind("click", {
						dir: "left"
					}, function(e) {
						if (e.target.className == "layout-button-right") {
							e.target.className = "layout-button-left"
							onWestExpand();
							panel.panel("setTitle", panel.titleTemp);
							panel.panel('resize', {
								width: 200
							});

							var leftMenuDiv = $('#LeftMenuDiv');
							leftMenuDiv.each(function() {
								this.style.width = '200px';
							});
						} else {
							e.target.className = "layout-button-right"
							onWestCollapse();
							var opt = panel.panel('options');
							panel.titleTemp = opt.title;
							panel.panel("setTitle", "");
							panel.panel('resize', {
								width: 42
							});

							var leftMenuDiv = $('#LeftMenuDiv');
							leftMenuDiv.each(function() {
								this.style.width = '42px';
							});
						}

						return false;
					});
				}
				//$(this).panel("options").collapsible ? t.show() : t.hide();
			}

			function onTabSelect(title, index) {
				var tabs = $('#mainTab');
				var tab = tabs.tabs('getTab', index);
				var menus = $('#LeftMenu');
				if (menus.hasClass('sidemenu')) {
					var opts = menus.sidemenu("options");
					changeMenuSelect(menus, opts, tab[0].id);
				}
			}

			function onWestCollapse() {
				var opts = $('#LeftMenu').sidemenu('options');
				if (opts.collapsed != 'collapse') {
					$('#LeftMenu').sidemenu('collapse');
					$('#LeftMenu').sidemenu('resize', {
						width: 40
					});
				}
			}

			function onWestExpand() {
				var opts = $('#LeftMenu').sidemenu('options');
				if (opts.collapsed != 'expand') {
					$('#LeftMenu').sidemenu('expand');
					$('#LeftMenu').sidemenu('resize', {
						width: 200
					});
				}
			}

			function onSideMenuSelect(item) {
				if (!$('#mainTab').tabs('exists', item.text)) {
					$('#mainTab').tabs('add', {
						title: item.text,
						content: '<iframe scrolling="auto" frameborder="0"  src="' + item.url +
							'" style="width:100%;height:99%;"></iframe>',
						closable: true,
						icon: item.iconCls,
						id: item.id
					});
				} else {
					$('#mainTab').tabs('select', item.text);
				}
				addTabMenu();
			}

			function addTabMenu() {
				/* 双击关闭TAB选项卡 */
				$(".tabs-inner").dblclick(function() {
					var subtitle = $(this).children(".tabs-closable").text();
					$('#mainTab').tabs('close', subtitle);
				});

			}

			//删除Tabs
			function closeTab(menu, type) {
				var allTabs = $("#mainTab").tabs('tabs');
				var allTabtitle = [];
				$.each(allTabs, function(i, n) {
					var opt = $(n).panel('options');
					if (opt.closable)
						allTabtitle.push(opt.title);
				});
				var curTabTitle = $(menu).data("tabTitle");
				var curTabIndex = $("#mainTab").tabs("getTabIndex", $("#mainTab").tabs("getTab", curTabTitle));
				switch (type) {
					case 1:
						$("#mainTab").tabs("close", curTabIndex);
						return false;
						break;
					case 2:
						for (var i = 0; i < allTabtitle.length; i++) {
							$('#mainTab').tabs('close', allTabtitle[i]);
						}
						break;
					case 3:
						for (var i = 0; i < allTabtitle.length; i++) {
							if (curTabTitle != allTabtitle[i])
								$('#mainTab').tabs('close', allTabtitle[i]);
						}
						$('#mainTab').tabs('select', curTabTitle);
						break;
					case 4:
						for (var i = curTabIndex; i < allTabtitle.length; i++) {
							$('#mainTab').tabs('close', allTabtitle[i]);
						}
						$('#mainTab').tabs('select', curTabTitle);
						break;
					case 5:
						for (var i = 0; i < curTabIndex - 1; i++) {
							$('#mainTab').tabs('close', allTabtitle[i]);
						}
						$('#mainTab').tabs('select', curTabTitle);
						break;
					case 6: //刷新
						var panel = $("#mainTab").tabs("getTab", curTabTitle).panel("refresh");
						break;
				}
			}

			$(document).ready(function() {
				//监听右键事件，创建右键菜单
				$('#mainTab').tabs({
					onContextMenu: function(e, title, index) {
						e.preventDefault();
						if (index > 0) {
							$('#mm').menu('show', {
								left: e.pageX,
								top: e.pageY
							}).data("tabTitle", title);
						}
					}
				});
				//右键菜单click
				$("#mm").menu({
					onClick: function(item) {
						closeTab(this, item.name);
					}
				});

			});

			//顶部导航切换	
			$('.um-nav a').click(function() {
				$('.um-nav a').removeClass('um-nav-select');
				$(this).addClass('um-nav-select')
			});

			//	
			function changeMenuSelect(menus, opts, selectId) {
				var menutrees = menus.find(".sidemenu-tree");
				menutrees.each(function() {
					var menuItem = $(this);
					changeMenuStyle(menuItem, opts, selectId);
				});

				var tooltips = menus.find(".tooltip-f");
				tooltips.each(function() {
					var menuItem = $(this);
					var tip = menuItem.tooltip("tip");
					if (tip) {
						tip.find(".sidemenu-tree").each(function() {
							changeMenuStyle($(this), opts, selectId);
						});
						menuItem.tooltip("reposition");
					}
				});
			}

			function changeMenuStyle(menuItem, opts, selectId) {
				menuItem.find("div.tree-node-selected").removeClass("tree-node-selected");
				var node = menuItem.tree("find", selectId);
				if (node) {
					$(node.target).addClass("tree-node-selected");
					opts.selectedItemId = node.id;
					menuItem.trigger("mouseleave.sidemenu");
				}

				changeMenuSelect(menuItem);
			}
		</script>


		<script>
			//调用浏览器全屏方法
			function handleFullScreen() {
				var de = document.documentElement;
				if (de.requestFullscreen) {
					de.requestFullscreen();
				} else if (de.msRequestFullscreen) {
					de.msRequestFullscreen();
				} else if (de.webkitRequestFullScreen) {
					de.webkitRequestFullScreen();
				} else if (de.mozRequestFullScreen) {
					de.mozRequestFullScreen();
				} else {
					wtx.info("当前浏览器不支持全屏！");
				}
			};
			//调用浏览器退出全屏方法
			function exitFullscreen() {
				var de = document;
				if (de.exitFullscreen) {
					de.exitFullscreen();
				} else if (de.msExitFullscreen) {
					de.msExitFullscreen();
				} else if (de.mozCancelFullScreen) {
					de.mozCancelFullScreen();
				} else if (de.webkitExitFullscreen) {
					de.webkitExitFullscreen();
				}
			};
			//全屏
			$(".enterClass").click(function() {
				handleFullScreen();
				$('.enterClass').css('display', 'none');
				$('.returnClass').css('display', 'block');
			});
			//退出全屏
			$(".returnClass").click(function() {
				exitFullscreen();
				$('.enterClass').css('display', 'block');
				$('.returnClass').css('display', 'none');
			});
		</script>

		<script>
			function confirm() {
				$.messager.confirm({
					title: '退出',
					ok: '确定',
					cancel: '取消',
					msg: '你确定要退出系统吗？',
					fn: function(r) {
						if (r) {
							window.location.href = 'login.html';
						}
					}
				});
				$('.messager-window').find('.l-btn-small').eq(0).addClass('l-btn-selected');
			}
		</script>
		<div id="mm" class="easyui-menu menu-top menu"
			style="width: 150px; height: 206px; overflow: hidden; display: none; left: 0px; top: 0px;">
			<div class="menu-line" style="height: 204px;"></div>
			<div id="mm-tabclosrefresh" data-options="name:6,iconCls:'um-gengxin'" class="menu-item"
				style="height: 32px;">
				<div class="menu-text" style="height: 30px; line-height: 30px;">刷新</div>
				<div class="menu-icon um-gengxin"></div>
			</div>
			<div id="mm-tabclose" data-options="name:1,iconCls:'um-delete'" class="menu-item" style="height: 32px;">
				<div class="menu-text" style="height: 30px; line-height: 30px;">关闭</div>
				<div class="menu-icon um-delete"></div>
			</div>
			<div id="mm-tabcloseall" data-options="name:2" class="menu-item" style="height: 32px;">
				<div class="menu-text" style="height: 30px; line-height: 30px;">全部关闭</div>
			</div>
			<div id="mm-tabcloseother" data-options="name:3" class="menu-item" style="height: 32px;">
				<div class="menu-text" style="height: 30px; line-height: 30px;">其他全部关闭</div>
			</div>
			<div class="menu-sep"></div>
			<div id="mm-tabcloseright" data-options="name:4" class="menu-item" style="height: 32px;">
				<div class="menu-text" style="height: 30px; line-height: 30px;">右侧全部关闭</div>
			</div>
			<div id="mm-tabcloseleft" data-options="name:5" class="menu-item" style="height: 32px;">
				<div class="menu-text" style="height: 30px; line-height: 30px;">左侧全部关闭</div>
			</div>
		</div>
		<div id="mm1"
			style="padding: 10px 15px; min-width: 150px; height: 47px; overflow: hidden; display: none; left: 0px; top: 0px;"
			class="menu-top menu">
			<div class="menu-line" style="height: 45px;"></div>
			<ul class="um-skinlist">
				<li><a href="#" data-value="blue" class="targetElem blue"></a></li>
				<li><a href="#" data-value="lightblue" class="targetElem lightblue"></a></li>
				<li><a href="#" data-value="red" class="targetElem red"></a></li>
				<li><a href="#" data-value="green" class="targetElem green"></a></li>
				<li><a href="#" data-value="orange" class="targetElem orange"></a></li>
				<li><a href="#" data-value="purple" class="targetElem purple"></a></li>
			</ul>
		</div>
		<div id="mm2" class="um-userinfo menu-top menu"
			style="width: 150px; height: 102px; overflow: hidden; display: none; left: 0px; top: 0px;">
			<div class="menu-line" style="height: 100px;"></div>
			<div data-options="iconCls:'um-yonghu'" onclick="$('#w').window('open')" class="menu-item"
				style="height: 32px;">
				<div class="menu-text" style="height: 30px; line-height: 30px;"><a href="javascript:;">用户信息</a></div>
				<div class="menu-icon um-yonghu"></div>
			</div>
			<div data-options="iconCls:'um-jiesuo'" class="menu-item" style="height: 32px;">
				<div class="menu-text" style="height: 30px; line-height: 30px;"><a href="javascript:;">修改密码</a></div>
				<div class="menu-icon um-jiesuo"></div>
			</div>
			<div data-options="iconCls:'um-tuichu'" onclick="confirm();" class="menu-item" style="height: 32px;">
				<div class="menu-text" style="height: 30px; line-height: 30px;"><a href="javascript:;">退出</a></div>
				<div class="menu-icon um-tuichu"></div>
			</div>
		</div>
		<div class="layout-split-proxy-h"></div>
		<div class="layout-split-proxy-v"></div>
		<div class="panel window panel-htop" style="display: none; width: 800px; left: 466px; top: 232px;">
			<div class="panel-header panel-header-noborder window-header" style="width: 788px;">
				<div class="panel-title panel-with-icon">用户信息</div>
				<div class="panel-icon um-bianji"></div>
				<div class="panel-tool"><a href="javascript:;" class="panel-tool-collapse"></a><a href="javascript:;"
						class="panel-tool-min"></a><a href="javascript:;" class="panel-tool-max"></a><a
						href="javascript:;" class="panel-tool-close"></a></div>
			</div>
			<div id="w" class="easyui-window panel-body panel-body-noborder window-body" title=""
				data-options="modal:true,closed:true,iconCls:'um-bianji'"
				style="padding: 20px; width: 788px; height: 341px;">

				<div id="tt" class="easyui-tabs tabs-container easyui-fluid" style="width: 744px;">





					<div class="tabs-header tabs-header-plain tabs-header-noborder" style="width: 744px;">
						<div class="tabs-scroller-left" style="display: none;"></div>
						<div class="tabs-scroller-right" style="display: none;"></div>
						<div class="tabs-wrap" style="margin-left: 0px; margin-right: 0px; width: 744px;">
							<ul class="tabs" style="height: 40px;">
								<li class="tabs-selected tabs-first"><span class="tabs-inner"
										style="width: 120px; height: 40px; line-height: 38px;"><span
											class="tabs-title">基本信息</span><span class="tabs-icon"></span></span></li>
								<li class="tabs-last"><span class="tabs-inner"
										style="width: 120px; height: 40px; line-height: 38px;"><span
											class="tabs-title">修改密码</span><span class="tabs-icon"></span></span></li>
							</ul>
						</div>
					</div>
					<div class="tabs-panels tabs-panels-noborder" style="width: 744px;">
						<div class="panel panel-htop" style="width: 744px;">
							<div title="" style="padding: 20px 20px 0px; width: 744px;"
								class="panel-body panel-body-noheader panel-body-noborder">

								<ul class="um-userxx">
									<li><span>昵称：</span>uimaker</li>
									<li><span>所在城市：</span>江苏省南京市</li>
									<li><span>QQ：</span>32534386</li>
									<li><span>邮箱：</span>admin@uimaker.com</li>
									<li><span>官方网站：</span>http://www.uimaker.com</li>
								</ul>

							</div>
						</div>
						<div class="panel panel-htop" style="display: none;">
							<div title="" style="padding:40px 20px 0 20px;"
								class="panel-body panel-body-noheader panel-body-noborder" id="">

								<div class="layui-row layui-col-space30">

									<div class="layui-col-md12  layui-col-sm12">
										<label class="textbox-label textbox-label-before" for="_easyui_textbox_input1"
											style="text-align: left; height: 30px; line-height: 30px;">原密码：</label><input
											id="pb" type="text" style="width: 60%; padding: 10px; display: none;"
											class="passwordbox-f textbox-f"><span class="textbox easyui-fluid"
											style="width: 0px;"><span class="textbox-addon textbox-addon-right"
												style="right: 0px; top: 0px;"><a href="javascript:;"
													class="textbox-icon passwordbox-open" icon-index="0" tabindex="-1"
													style="width: 26px; height: 28px;"></a></span><input
												id="_easyui_textbox_input1" type="text"
												class="textbox-text validatebox-text textbox-prompt" autocomplete="off"
												tabindex="" placeholder="请输入原密码"
												style="padding: 0px 10px; margin: 0px 26px 0px 0px; height: 28px; line-height: 28px; width: 0px;"><input
												type="hidden" class="textbox-value" value=""></span>
										<script>
											$(function() {
												$('#pb').passwordbox({
													prompt: '请输入原密码',
													showEye: true,
													label: '原密码：',
												});
											});
										</script>
									</div>

									<div class="layui-col-md12  layui-col-sm12">
										<label class="textbox-label textbox-label-before" for="_easyui_textbox_input2"
											style="text-align: left; height: 30px; line-height: 30px;">新密码：</label><input
											id="pb1" type="text" style="width: 60%; padding: 10px; display: none;"
											class="passwordbox-f textbox-f"><span class="textbox easyui-fluid"
											style="width: 0px;"><span class="textbox-addon textbox-addon-right"
												style="right: 0px; top: 0px;"><a href="javascript:;"
													class="textbox-icon passwordbox-open" icon-index="0" tabindex="-1"
													style="width: 26px; height: 28px;"></a></span><input
												id="_easyui_textbox_input2" type="text"
												class="textbox-text validatebox-text textbox-prompt" autocomplete="off"
												tabindex="" placeholder="请输入新密码"
												style="padding: 0px 10px; margin: 0px 26px 0px 0px; height: 28px; line-height: 28px; width: 0px;"><input
												type="hidden" class="textbox-value" value=""></span>
										<script>
											$(function() {
												$('#pb1').passwordbox({
													prompt: '请输入新密码',
													showEye: true,
													label: '新密码：',
												});
											});
										</script>
									</div>



								</div>

								<div class="layui-row layui-col-space30 um-formbtn">
									<div class="layui-col-md12  layui-col-sm12">
										<a href="javascript:void(0)" class="easyui-linkbutton c1 l-btn l-btn-small"
											onclick="submitForm()"
											style="width: 100px; position: static; display: inline-block; left: auto;"
											group="" id=""><span class="l-btn-left" style="margin-top: 0px;"><span
													class="l-btn-text">确认修改</span></span></a>
										<a href="javascript:void(0)" class="easyui-linkbutton l-btn l-btn-small"
											onclick="clearForm()"
											style="width: 80px; position: static; display: inline-block; left: auto;"
											group="" id=""><span class="l-btn-left" style="margin-top: 0px;"><span
													class="l-btn-text">重置</span></span></a>
									</div>
								</div>



							</div>
						</div>
					</div>
				</div>

				<script>
					$('#tt').tabs({
						border: false,
						plain: true,
						tabHeight: 40,
						tabWidth: 120,
					});
				</script>


			</div>
		</div>
		<div class="window-shadow" style="display: none; left: 466px; top: 232px;"></div>
		<div class="window-mask" style="display:none"></div>
		<div class="panel window window-thinborder window-noborder drawer f-column window-shadow layout-panel layout-collapsed layout-panel-east panel-htop"
			style="width: 250px; left: auto; top: 0px; position: fixed; z-index: 9001; right: -250px;">
			<div id="dd" class="easyui-drawer panel-body panel-body-noheader panel-body-noborder window-body f-full"
				style="padding: 30px 15px; width: 250px;" title="">

				<ul class="um-timeline">

					<li class="um-timeline-item">
						<i class="uimaker um-timeline-axis"></i>
						<div class="um-timeline-content">
							<h3 class="um-timeline-title">5月4日</h3>

							<ul class="um-timeline-list">
								<li>1.增加主题换肤功能！</li>
								<li>2.修复部分样式</li>
							</ul>

						</div>
					</li>

					<li class="um-timeline-item">
						<i class="uimaker um-timeline-axis"></i>
						<div class="um-timeline-content">
							<h3 class="um-timeline-title">版本信息</h3>

							<ul class="um-timeline-list">
								<li>easyui：1.10.16</li>
								<li>jquery：v3.3.1</li>
								<li>最近更新：2023-05-01</li>
							</ul>

						</div>
					</li>

				</ul>



			</div>
		</div>
		<div class="window-mask drawer-mask" style="display: none; z-index: 9000; position: fixed;"></div>
		<div tabindex="-1" class="tooltip sidemenu-tooltip tooltip-right"
			style="left: -999999px; top: 394px; z-index: 9008; display: none;">
			<div class="tooltip-content sidemenu">
				<div class="accordion" style="width: 200px;">
					<div class="panel panel-htop panel-last" style="width: 198px;">
						<div class="panel-header accordion-header" style="width: 198px; height: 41px;">
							<div class="panel-title">页面</div>
							<div class="panel-tool"><a href="javascript:;" class="accordion-collapse accordion-expand"
									style="display: none;"></a></div>
						</div>
						<div title="" class="panel-body accordion-body" id="" style="width: 198px;">
							<ul class="sidemenu-tree tree">
								<li>
									<div id="_easyui_tree_14" class="tree-node"><span class="tree-indent"></span><span
											class="tree-icon tree-file um-jiesuo"></span><span
											class="tree-title">用户信息</span></div>
								</li>
								<li>
									<div id="_easyui_tree_15" class="tree-node"><span class="tree-indent"></span><span
											class="tree-icon tree-file um-xinwenzhongxin"></span><span
											class="tree-title">文章页</span></div>
								</li>
								<li>
									<div id="_easyui_tree_16" class="tree-node"><span class="tree-indent"></span><span
											class="tree-icon tree-file um-gongzuo"></span><span
											class="tree-title">404页</span></div>
								</li>
								<li>
									<div id="_easyui_tree_17" class="tree-node"><span class="tree-indent"></span><span
											class="tree-icon tree-file um-uimaker"></span><span
											class="tree-title">图标</span></div>
								</li>
								<li>
									<div id="_easyui_tree_18" class="tree-node"><span class="tree-indent"></span><span
											class="tree-icon tree-file um-icon-test"></span><span
											class="tree-title">时间线</span></div>
								</li>
								<li>
									<div id="_easyui_tree_19" class="tree-node"><span class="tree-indent"></span><span
											class="tree-icon tree-file um-lujingguanli"></span><span
											class="tree-title">动画</span></div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="tooltip-arrow-outer" style="border-right-color: rgb(68, 68, 68);"></div>
			<div class="tooltip-arrow" style="border-right-color: rgb(255, 255, 255);"></div>
		</div>
	</body>
</html>